<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>京东购物商城</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>
<body>
    <!-- search模块 -->
    <div class="w">
        <div class="search ">
            <div class="box  clearfix">
                <form class="search_one">
                    <img src="images/s-btn.png" alt="">
                </form>
                 <div class="search_two">
                    <input type="text" value="温奶器">
                </div> 
                 <div class="search_three">
                    <span>登录</span>
                </div>
            </div>
        </div>    
    <!-- banner模块 -->
    <div class="banner">
       <div class="banner_box">
        <ul class="clearfix">
            <li><a href="javascript:;"><img src="upload/banner3.jpg!q70.jpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner8.jpg.dpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner7.jpg.dpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner5.jpg.dpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner6.jpg.dpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner9.jpg.dpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner3.jpg!q70.jpg" alt=""></a></li>
            <li><a href="javascript:;"><img src="upload/banner8.jpg.dpg" alt=""></a></li>
        </ul>
        <ol>
            <li class="active"><a href="#"></a></li>
            <li class=""><a href="#"></a></li>
            <li class=""><a href="#"></a></li>
            <li class=""><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ol>
       </div>
        
    </div>
     <!-- 组图部分 -->
     <div class="combination_img clearfix">
        <a href="#"><img src="upload/pic1.jpg" alt=""></a>
        <a href="#"><img src="upload/pic2.jpg" alt=""></a>
        <a href="#"><img src="upload/pic3.jpg" alt=""></a>
    </div> 
     <!-- 导购部分 -->
         <ul class="shoppers_nav clearfix">
           <li>
               <a href="#"><img src="upload/nav1.webp" alt=""></a>
               <p>京东超市</p>
           </li>
           <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        <li>
               <a href="#"><img src="upload/nav1.webp" alt=""></a>
               <p>京东超市</p>
           </li>
           <li>
            <a href="#"><img src="upload/nav1.webp" alt=""></a>
            <p>京东超市</p>
        </li>
        </ul> 
          <!-- 京东秒杀 -->
        <div class="jd_Seconds_kill">
           <div class="jd_Seconds_kill_box">
            <div class="jd_header clearfix">
                <span class="jd_title">京东秒杀</span>
                <span class="jd_number">14</span>
                <span class="time">
                    <span class="time_h">00</span>
                    <span>:</span>
                    <span class="time_m">00</span>
                    <span>:</span>
                    <span class="time_s">00</span>
                </span>
                <span class="jd_more">更多秒杀</span>
            </div>
           <ul class="clearfix">
            <li><a href="javascript:;">
                <img src="upload/pic_one.jpg.dpg" alt="">
                <p class="pic_1">￥28.7</p>
                <p class="pic_2">￥34.2</p>
            </a>
        </li>
            <li><a href="javascript:;">
                <img src="upload/pic_two.jpg.dpg" alt="">
                <p class="pic_1">￥28.7</p>
                <p class="pic_2">￥34.2</p>
            </a>
        </li>
            <li><a href="javascript:;">
                <img src="upload/pic_three.jpg.dpg" alt="">
                <p class="pic_1">￥28.7</p>
                <p class="pic_2">￥34.2</p>
            </a>
        </li>
        <li><a href="javascript:;">
            <img src="upload/pic_four.jpg.dpg" alt="">
            <p class="pic_1">￥28.7</p>
            <p class="pic_2">￥34.2</p>
        </a>
        </li>
        <li><a href="javascript:;">
            <img src="upload/pic_five.jpg.dpg" alt="">
            <p class="pic_1">￥28.7</p>
            <p class="pic_2">￥34.2</p>
        </a>
        </li>
        <li><a href="javascript:;">
            <img src="upload/pic_six.jpg.dpg" alt="">
            <p class="pic_1">￥28.7</p>
            <p class="pic_2">￥34.2</p>
        </a>
        </li>
           </ul>
           </div>
        </div>
        <!-- 推荐部分 -->
        <div class="recommended clearfix">
            <div class="recommended_box">
                <div class="recommended_l">
                    <a href="#">
                        <h3>程序猿</h3>
                        <p>我的世界你不懂</p>
                        <img src="images/tuijian_1.jpg.dpg" alt="">
                        <img src="images/tuijian_2.jpg.dpg" alt="">
                    </a>
                </div>
                <div class="recommended_r">
                    <a href="#">
                        <h3>时尚皮衣</h3>
                        <p>乘风破浪的姐姐</p>
                        <img src="images/tuijian_3.jpg.dpg" alt="">
                        <img src="images/tuijian_4.jpg.dpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 商品部分 -->
        <div class="goods clearfix">
            <ul class="clearfix">
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_1.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/goods_2.dpg.webp.jpg" alt="">
                        <p class="text">
                            <img src="images/ziying.png" alt="">
                            <span>雀巢(Nestle) 奶粉成人学生孕妇中老年高钙制乳全脂罐装900g荷兰进口nido</span>
                        </p>
                        <p class="pic">￥85<span>满减</span></p>
                        <div class="similar">看相似</div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 底部部分 -->
         <footer>
            <ul class="footer_ul">
                <li><a href="#"><img src="images/footer1.png" alt=""></a></li>
                <li><a href="#"><img src="images/footer2.png" alt=""></a></li>
                <li><a href="#"><img src="images/footer3.png" alt=""></a></li>
                <li><a href="#"><img src="images/footer4.png" alt=""></a></li>
                <li><a href="#"><img src="images/footer5.png" alt=""></a></li>
            </ul> 
         </footer>
         <!-- 返回顶部 -->
         <div class="returnTop">
             <span>↑</span>
         </div>
         <!-- 京东App -->
         <div class="jd_app">
                 <a href="javascript:;">
                     <img src="images/logo.png" alt="">
                    <span>打开京东APP</span>
                </a>
        
         </div>
    </div>
</body>

</html>